html,body{ min-width:1200px; height:100%; color: #333; background:url(../img/login_gcbg.png) no-repeat left center; background-size:100% 100%}
input,textarea,select,option{ outline: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.blue{ color:#1677FF}
.red{ color:#FF3B30}
.bgBlue{ background-color:#1677FF}
.bgGreen{ background-color:#1C9399; }
.bgGray{ background-color:#ccc; }

.login-top{ background-color:#fff; }
.login-top p{ margin-left: 210px; height: 120px; line-height: 120px; }
.login-top span{ font-size: 40px; font-weight: 600; margin-right: 25px; }
.login-top em{ font-size: 24px; font-weight: 400; }

.login-box{ position: fixed; top: 120px; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; }
.login-left{ color: #fff; }
.login-left li:nth-child(1){ font-size:70px; margin-bottom: 100px }
.login-left li:nth-child(2){ display: flex; }
.login-left li:nth-child(2) p{ flex:1; text-align: center; font-size: 30px; margin-right: 60px; }
.login-left li:nth-child(2) span{ display: block; margin-top: 25px; }
.login{ 
	
	width: 440px; 
	height: 400px;
	/* position:absolute;
	top:50%;
	right:11%;
	transform: translate(0,-50%);*/
	padding: 30px 30px 40px; 
	border-radius: 8px; 
	border: 1px solid #979797; 
	background-color: #fff;
	
}

.login form{ padding: 0 0 40px; }
.login h1{ font-size:40px; height: 56px; line-height: 56px; }
.login ul{ padding-top: 50px; }

.login li p{ position: relative; display: flex; align-items: center; height: 54px; line-height: 54px; border: 1px solid #ddd; border-radius: 4px; }
.login li p span{ border-right: 1px solid #ddd; line-height: 30px; margin: 13px 20px 13px 0; padding: 0 15px; }
.login li p span img{ vertical-align: -7px; }
.login li p em{ position: absolute; right:0; top: 0; padding: 0 15px; }
.login li:nth-child(1){ position: absolute; left: 0; top: 0; }
.login li:nth-child(1) p{ height: 40px; line-height: 40px; padding: 0 25px; box-sizing: border-box; background: rgba(255, 59, 48, 0.1); border-radius: 4px; border: 1px solid #FF3B30;}
.login li:nth-child(1) p span{ border: 0; }
.login li{ padding: 10px 0 20px; width: 100%; }
.login li input{ font-size: 14px; color: #999; box-sizing: border-box;}
.login-btn span{ height: 64px; line-height:64px; background: #1C9399; border-radius: 4px; }
.layui-form-checked[lay-skin=primary] i{
    border-color: #1C9399!important;
    background-color: #1C9399;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #1C9399;
    color: #fff;
}

/*  身份验证  */
.login-top-green{ color: #1C9399; }
/* .login-status{ position: fixed; top: 120px; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid #ff0; } */
.login-status-one{ display: flex; justify-content: center; align-items: center; font-size: 24px; color: #999; }
.login-status-one li{ position: relative; }
.login-status-one li p{ width: 100px; text-align: center; margin-right: 160px; }
.login-status-one li p:nth-child(2){ width: 60px; height: 60px; line-height: 60px; margin-top: 30px; margin-bottom: 30px; margin-left: 20px; border:2px solid #aaa; border-radius: 50%; position: relative; }
.login-status-one li p:nth-child(2)::before{ 
	content: '';
	display: block;
	height: 2px; 
	width: 200px; 
	background-color: #aaa; 
	position: absolute; 
	left: 60px; 
	bottom: 30px; 
}
.login-status-one li p.current{ color: #1C9399; }
.login-status-one li p:nth-child(2).current{ border:2px solid #1C9399; background-color: #fff; }
.login-status-one li p:nth-child(2).current::before{ 
	background-color: #1C9399; 
	position: absolute; 
}
.login-status-one li:last-child p{ margin-right: 0; }
.login-status-one li:last-child p:nth-child(2)::before{ display: none; }
.login-status-two li{ padding: 0 0 45px; overflow: hidden; line-height:56px; position: relative; }

.login-status-two li label{ float: left; border: 1px solid transparent; width:70px; text-align: right; font-size: 14px; font-weight: bold; }
.login-status-two li p{ float: left; overflow: hidden; }
.login-status-two li p span{ float: left; }
.login-status-two li p input{ display: block; width: 360px; height: 30px; line-height: 30px; padding: 13px; border: 1px solid #ddd; border-radius:4px; color: #999; }
.login-status-two li.two p input{ width: 200px; }
.login-status-two li p span:nth-child(2){ margin-left:20px ; width: 140px; height: 58px; line-height: 58px; text-align: center; background-color: #ccc; color: #fff; border-radius:4px }
.login-status-two li:last-child p{ width: 388px; color: #fff; border-radius:4px; }

.login-status-two li h6{ position: absolute; bottom: 0; left:70px; right: 0; text-align: left; font-size: 14px; }
.login-status-two li p em{ position: absolute; right:0; top: 0; padding: 0 15px; }
.login-status-two li p em img{ vertical-align: -3px; }
.login-status-two li p.current input{ border: 1px solid #FF3B30; }

/* 重设密码 */
.login-status-pass li p em img{ vertical-align: -9px; }
.login-status-pass dl dt{ line-height: 60px; font-size: 24px; font-weight: bold; }
.login-status-pass dl dt img{ vertical-align: -21px; margin-right: 25px; }
.login-status-pass dl dd span{ margin-top: 40px; display: inline-block; width: 160px; border-radius: 4px; background-color: #1C9399; line-height: 64px; }